import { View } from '@tarojs/components';
import s from './index.module.scss'
import Card from 'components/CodeCard'
import code from './code.md'

export default function Index() {
  return(
    <Card
    title='径向渐变'
    desc='径向渐变是围绕中心点的一个曲线颜色渐变，默认是从元素中心向四周均匀分布，形状为椭圆形'
    renderCode={() => (
      <wemark md={code} link highlight type='wemark' />
    )}
    >
      <View className={s.container}>
        <View className={s.text}>颜色径向渐变</View>
      </View>
    </Card>
    
  )
}